/*
* 占所有控件
*/
.f-utils-absolute-all {
    @include f-utils-absolute-all;
}

/*
  * Flex布局,默认是overflow:hidden;
  */
.f-utils-flex-column {
    @include f-utils-flex(column, true);
}

.f-utils-fill-flex-column {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 0;
    @include f-utils-flex(column, true);
}

.f-utils-flex-row {
    @include f-utils-flex(row, true);
    flex-wrap: nowrap;
}

.f-utils-flex-row-wrap {
    @include f-utils-flex(row, true);
    flex-wrap: wrap !important;
}

.f-utils-fill-flex-row {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 0;
    @include f-utils-flex(row, true);
    flex-wrap: nowrap !important;
}

.f-utils-fill-flex-row-wrap {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 0;
    @include f-utils-flex(row, true);
    flex-wrap: wrap !important;
}

.f-utils-fill {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 0;
    overflow: hidden;
}

.f-utils-fill-auto {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.f-utils-overflow-xhya {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.f-utils-overflow-xayh {
    overflow-y: hidden !important;
    overflow-x: auto !important;
}

.f-utils-overflow-xaya {
    overflow: auto !important;
}

.f-utils-overflow-hidden {
    overflow: hidden !important;
}

.f-utils-overflow-auto {
    overflow: auto !important;
}

.f-utils-nogutters {

    &>.col,
    &>[class*='col-'] {
        padding-left: 0;
        padding-right: 0;
    }
}

.f-utils-hcenter-vcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*滚动*/
.f-overflow-y-auto {
    overflow-y: auto !important;
}

.f-overflow-y-hidden {
    overflow-y: hidden !important;
}

.f-overflow-x-auto {
    overflow-x: auto !important;
}

.f-overflow-x-hidden {
    overflow-x: hidden !important;
}


@each $f-breakpoint in map-keys($f-grid-breakpoints) {
    @include f-media-breakpoint-up($f-breakpoint) {
        $f-infix: f-breakpoint-infix($f-breakpoint, $f-grid-breakpoints);

        .f-overflow#{$f-infix}-y-auto {
            overflow-y: auto !important;
        }

        .f-overflow#{$f-infix}-y-hidden {
            overflow-y: hidden !important;
        }

        .f-overflow#{$f-infix}-x-auto {
            overflow-x: auto !important;
        }

        .f-overflow#{$f-infix}-x-hidden {
            overflow-x: hidden !important;
        }
    }
}

.farris-overflow-y-auto {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.farris-overflow-y-hidden {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.farris-overflow-hidden {
    overflow: hidden !important;
}

/**
  * 生成只带宽度和高度的样式
  **/
@include f-make-grid-width-columns();

// 增加强制折行
.f-utils-text-break {
    white-space: normal !important;
    word-break: break-all !important;
}

// 文字
$f-common-text-color: (
    emphasize: $f-text-01,
    light: $f-text-04,
    lighter: $f-text-08,
    mute: $f-text-09
);

@each $f-type,
$f-color in $f-common-text-color {
    .f-text-#{$f-type} {
        color: $f-color !important;
    }
}

// 多行文本，默认行高是1.25rem
.f-text-two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.5rem;
}

.f-max-width-auto {
    max-width: none !important;
}

.f-min-width-auto {
    min-width: auto !important;
}